<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <link rel="stylesheet" href="../css/login.css">
</head>
<body>
    <div class="header" style="text-align: center; margin-bottom: 30px;">
        <a href="#" class="logo" style="font-family: 'STXingkai', '华文行楷', cursive; font-size: 36px;">在线购物商城</a>
    </div>

    <div class="container">
        <div class="login-content">
            <div class="login-image">
                <img src="../images/shopping.png" alt="shopping" style="border-radius: 8px; object-fit: cover; height: 400px;">
            </div>

            <div class="login-form">
                <div class="login-title">账户登录</div>
                <div class="form-item">
                    <input type="text" placeholder="请输入账号用户名">
                </div>
                <div class="form-item">
                    <input type="password" placeholder="请输入登录密码">
                </div>
                <button class="login-btn">登录</button>

                <div class="login-links">
                    <a href="register.html">立即注册</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html> 